'use strict'
import React, { Component, PropTypes } from 'react'

class Recommend extends Component {
    constructor(props) {
        super(props);
        this.state = {
            banner1 : require('../../../image/1.jpg'),
            banner2 : require('../../../image/2.jpg'),
            banner3 : require('../../../image/3.jpg')

        };
    }

    render() {
        const {text, styleClass} = this.props;

        return (
            <div className="section">
                <div className="cells_auto_fill">

                    <div className="body" style={{width: '7.2rem',height: '5.08rem'}}>
                        <div className="items J_linksign-customize" style={{width: '3.58rem', height: '5.08rem', left: '0rem',top: '0rem'}}>
                            <a className="exposure"  href="/#/channel?id=27">
                                <div className="img"><img className="lazy"  src={this.state.banner1} style={{'transform-origin': '0px 0px 0px', opacity: 1, transform: 'scale(1, 1)'}}/>

                                </div>
                            </a>
                        </div>
                        <div className="items J_linksign-customize" style={{width: '3.58rem',height: '2.52rem', left: '3.62rem', top: '0rem'}}>
                            <a className="exposure">
                                <div className="img"><img className="lazy" src={this.state.banner2} style={{'transform-origin': '0px 0px 0px', opacity: 1, transform: 'scale(1, 1)'}}/>

                                </div>
                            </a>
                        </div>
                        <div className="items J_linksign-customize" style={{width: '3.58rem', height: '2.52rem',left: '3.62rem', top: '2.56rem'}}>
                            <a className="exposure">
                                <div className="img"><img className="lazy"  src={this.state.banner3} style={{'transform-origin': '0px 0px 0px', opacity: 1, transform: 'scale(1, 1)'}}/>

                                </div>
                            </a>
                        </div>

                    </div>
                </div>
            </div>
        )

    }
}

export default Recommend;